<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Welcome</title>
    <style>
        body {
            margin: 0;
            padding: 0;
            overflow: hidden;
            background-color: #1f2533; /* 背景颜色 */
            color: #ffffff; /* 文本颜色 */
            font-family: Arial, sans-serif;
        }

        #welcome-container {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            text-align: center;
        }

        #welcome-message {
            font-size: 36px;
            margin-bottom: 20px;
        }

        #loading-animation {
            width: 300px;
            height: 300px;
            background-image: url('https://ts1.cn.mm.bing.net/th/id/R-C.05a1890c5e3b8bf713783ee7403c107c?rik=RG2vNNccTvQCoA&riu=http%3a%2f%2f5b0988e595225.cdn.sohucs.com%2fimages%2f20181102%2faff1f7fafa9d4d2dbce0b969f43f6d8c.gif&ehk=j1F8STfF%2b%2fupfm%2bZMoVSltfUwOfyQ3Zwdhl%2bZSBke38%3d&risl=&pid=ImgRaw&r=0'); /* 加载动画图片 */
            background-size: cover;
        }

        #time-display {
            font-size: 24px;
        }

        @keyframes spin {
            0% {
                transform: rotate(0deg);
            }
            100% {
                transform: rotate(360deg);
            }
        }

        .text-font {
            font-family: 'Comic Sans MS', sans-serif;
            font-size: 180px;
            font-weight: 800;
        }
    </style>
</head>
<body>
<div id="welcome-container">
    <div class="text-font" id="welcome-message">
        加载中...请稍候
    </div>
    <div id="loading-animation"></div>
    <div id="time-display"></div>
</div>
<script>
    function updateTime() {
        const timeDisplay = document.getElementById("time-display");
        const now = new Date();
        const hours = now.getHours().toString().padStart(2, '0');
        const minutes = now.getMinutes().toString().padStart(2, '0');
        const seconds = now.getSeconds().toString().padStart(2, '0');
        timeDisplay.textContent = `当前时间：${hours}:${minutes}:${seconds}`;
    }

    setInterval(updateTime, 1000);

    // 2秒后跳转到u.html
    setTimeout(function () {
        window.location.href = "index.html";
    }, 2000);
</script>
</body>
</html>